page {
    background-color: #dbf8fe;
}

.wrapper {
    position: relative;
    margin-top: 430rpx;
    padding-bottom: 150rpx;
}

.scrollView {
    overflow-y: scroll;
    padding-bottom: 10rpx;
}

.imageSwiper {
    width: 750rpx;
    height: 100%;
    border-radius: 8rpx;
}

.pupBox {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    box-shadow: 0 0 10rpx rgb(194, 194, 194);
}

.t-input {
    background-color: #e4faff !important;
}

.bulletBox {
    height: 128rpx;
    width: 700rpx;
    background-color: #ffffff;
    box-shadow: 0rpx 0rpx 10rpx #d8d8d8;
    margin: 0 auto;
    margin-top: 10rpx;
    border-radius: 6rpx;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.t-notice-bar--info {
    background-color: transparent !important;
    width: 500rpx;
    margin: 0 auto;
}

.sendMsgShow {
    text-align: center;
    padding-top: 100rpx;
    font-size: 50rpx;
    color: #d54941;
}

.bulletTime {
    position: absolute;
    bottom: 0rpx;
    right: 20rpx;
    font-size: 24rpx;
    color: #3a4047;
}

.t-class-content {
    font-size: 40rpx !important;
    color: #d54941;
}

.card-theme {
    padding-bottom: 9rpx;
    height: 420rpx;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    right: 0;
    background-color: #dbf8fe;
    box-shadow: 0 0 10rpx rgb(209, 209, 209);
}

.scale-candidate {
    height: 126px !important;
}

@keyframes color-change {
    0% {
        color: red;
    }

    25% {
        color: rgb(247, 0, 255);
    }

    50% {
        color: rgb(23, 56, 248);
    }

    75% {
        color: rgb(233, 229, 24);
    }

    100% {
        color: rgb(243, 32, 85);
    }
}

.colorful-text {
    animation-name: color-change, zoom;
    animation-duration: 5s, 2s;
    animation-timing-function: linear, ease-in-out;
    animation-iteration-count: infinite, infinite;
    animation-direction: alternate;

    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 500rpx;

    margin-left: 30rpx;
}

.colorful-text::-webkit-scrollbar {
    display: none;
}

@keyframes zoom {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.2);
    }
}